//引入发送请求的方法
import { request } from "../../request/index.js"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    goods: [],
    //取消按钮是否显示
    isFocus: false,
    inpValue: ''
  },
  TimeId: -1,
  //输入框的值改变 就会触发的事件
  handleInput(e) {
    //获取输入框的值
    // console.log(e);
    let { value } = e.detail
    //清除空格
    value = value.replace(/\s/gi, '')
    //清除定时器
    clearTimeout(this.TimeId)
    //判断输入的值清除空格是否为空
    if (!value.trim()) {
      this.setData({
        goods: [],
        isFocus: false
      })
      //值不合法
      return
    }
    //3.发送请求获取
    this.setData({
      isFocus: true
    })

    //开启定时器
    this.TimeId = setTimeout(() => {
      this.qsearch(value)
    }, 1000)
  },
  //发送请求 获取搜索建议 数据
  async qsearch(query) {
    const res = await request({ url: '/goods/search', data: { query } })
    const goods = res.data.message.goods
    console.log(goods);
    this.setData({
      goods
    })
  },
  //点击取消按钮
  handleCancel() {
    this.setData({
      inpValue: '',
      goods: [],
      isFocus: false
    })
  }
})